<template>
  <view class="main_box">
    <view class="img">
      <image
        src="https://cdn.uviewui.com/uview/swiper/1.jpg"
        style="width: 100%; height: 360rpx"
      ></image>
    </view>

    <view class="main" style="margin-top: 20rpx">
    <view class="title">

      <view class="title_img">
         <img src="../../static/pic/cp.png" style="width: 50rpx; height: 50rpx;"></img>
      </view>
      <view></view>
      13333
    </view>
      <!-- <u-table style="width: 100%">
        <u-tr>
          <u-th>产品名称</u-th>
          <u-th>零售价</u-th>
        </u-tr>
        <u-tr>
          <u-td>可口可乐</u-td>
          <u-td>
            <view>
              <view class="item"> 一级价格:{{}}</view>
              <view class="item"> 二级价格:99.00</view>
              <view class="item">三级价格:99.00</view>
              <view class="item"> 四级价格:99.00</view>
            </view>
          </u-td>
        </u-tr>
      </u-table> -->
      <!-- <view class="item">产品名称</view>
      <view class="item"> </view> -->
      <!-- -->
    </view>

    <view class="content" style="margin-top: 20rpx"> 
			产品介绍
			<view class="item">产品介绍</view>
			<view class="item">产品介绍</view>
			<view class="item">产品介绍</view>		
		</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          image: "https://cdn.uviewui.com/uview/swiper/1.jpg",
          title: "昨夜星辰昨夜风，画楼西畔桂堂东",
        },
        {
          image: "https://cdn.uviewui.com/uview/swiper/2.jpg",
          title: "身无彩凤双飞翼，心有灵犀一点通",
        },
        {
          image: "https://cdn.uviewui.com/uview/swiper/3.jpg",
          title: "谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳",
        },
      ],
    };
  },
	
  methods: {},
};
</script>

<style>
.main_box {
  padding: 30rpx;
  background: #F5F5F5;
  height: 100vh;
}
.main {
  background: #fff;
  border: thin solid #ededed;
  border-radius: 20rpx;
  padding: 20rpx;
  width: 100%;

}
.content {
	 background: #fff;
  border: thin solid #ededed;
  border-radius: 20rpx;
  padding: 20rpx;
}
.title{
  display: flex;  

}

.title_img{
  height: 50rpx;
  height: 50rpx;
}
image {
  border-radius: 20rpx;
}
.item {
  flex: 1;
  text-align: center;

  font-size: 30rpx;
  font-weight: 800;
}

.index_warp1 {
  width: 750rpx;
  height: 360rpx;
  position: relative;
  background-size: auto 100%;
  padding-top: 30rpx;
}
</style>
